<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据扩展</title>
</head>
<body>
  <button>测试1</button>
  <br>
  <button>测试2</button>
  <br>
  <button>测试3</button>
  <br>
  <!-- 
    1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
    2. Array.of(v1, v2, v3) : 将一系列值转换成数组
    3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
    4. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
   -->
<script type="text/javascript">
  // Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
  let btns = document.getElementsByTagName('button')
  console.log(btns.length) //3
  Array.from(btns).forEach(function(item, index) {
    console.log(item, index)
  })

  //Array.of(v1, v2, v3) : 将一系列值转换成数组
  let arr = Array.of(1, 'abc', false)
  console.log(arr)

  //find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
  const arr1 = ['limi', 'hamey', 'kayson']
  const result = arr1.find(function(item, index, arr) {
    return item.includes('k')
  }) 
  console.log(result) //kayson

  //findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
  const result1 = arr1.findIndex(function(item, index) {
    return item.includes('k')
  })
  console.log(result1) //2


</script>

</body>
</html>